var appInfo;
layui.extend({
    dtree: '/layui/lay/exts/dtree'   // {/}的意思即代表采用自有路径，即不跟随 base 路径
}).use(['form', 'jquery', 'upload', 'dtree'], function () {
    form = layui.form;
    var $ = layui.$;
    var upload = layui.upload;
    var dtree = layui.dtree

    //表单赋值
    if (appInfo) {
        form.val("editForm", JSON.parse(JSON.stringify(appInfo)));
    }
    // 按钮事件
    $('#btnCancel').click(function () {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭
    })
    // 类别下拉
    dtree.render({
        elem: "#selectCate",
        url: "http://localhost:8080/api/Categorys",
        method: 'GET',
        // selectInitVal: appInfo.CategoryId,
        dataStyle: "layuiStyle",  //使用layui风格的数据格式
        dataFormat: "list",  //配置data的风格为list
        response: { message: "msg", statusCode: 0 },  //修改response中返回数据的定义
        selectInputName: {
            nodeId: "nodeId",
            context: "context"
        },
        done: function (res, $ul, first) {  // 初始化完成之后执行
            //设置下拉框选中值
            dtree.dataInit("selectCate", appInfo.CategoryId);
            dtree.selectVal("selectCate");
        },
        select: true //指定下拉树模式
    });
    dtree.on('node("selectCate")', function (obj) {
        var param = dtree.selectVal("selectCate");
        console.log(param);
        $('input[name="CategoryId"]').val(param.nodeId)
    });

    

    //上传组件
    upload.render({
        elem: '#appFiles' //绑定元素
        , url: 'http://localhost:8080/api/upload/' //上传接口
        , done: function (res) {
            //上传完毕回调
            console.log(res);
            layer.msg('上传完成！');
            $('input[name="AppPath"]').val(res.data);
        }
        , error: function () {
            //请求异常回调
            console.log(error);
        }
        // ,auto: false //选择文件后不自动上传
        // , choose: function (obj) {
        //     console.log(obj);
        //     //将每次选择的文件追加到文件队列
        //     var files = obj.pushFile();
            
        //     //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
        //     obj.preview(function (index, file, result) {
        //         //这里还可以做一些 append 文件列表 DOM 的操作
        //         $('#img').attr('src', result);
        //     });
        // }
    })

    form.on('submit(save)', function (data) {
        $.ajax({
            url: 'http://localhost:8080/api/apps/',
            type: 'put',
            data: data.field,
            success: function (data) {
                parent.layer.msg('修改成功！');
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index); //再执行关闭
                parent.tableIns.reload();

            }
        })
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
})